@import "ui-media.min.css";

*{padding:0;margin:0;}
body{font-family:'Microsoft YaHei';}
input,button,textarea{outline:none;}
/*
*  .m-xxx
*  模块
*/
/*tabBar*/
nav.tabbar{background-color:#FFF;padding:10px 0 6px;display:-webkit-box;font-size:.64rem;color:#686868;line-height:1.0rem;}
nav.tabbar div{-webkit-box-flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack: center;text-align:center;}
nav.tabbar div img{width:1.14rem;}
/*switcher*/
.mint-switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.mint-switch-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    width: 40px;
    height: 20px;
    position: absolute;
    z-index: 1;
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.mint-switch-input:checked+.mint-switch-core {
    border-color: #49AD7B;
    background-color: #49AD7B;
}
.mint-switch-core {
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid #d9d9d9;
    border-radius: 16px;
    box-sizing: border-box;
    background: #d9d9d9;
}
.mint-switch-input:checked+.mint-switch-core:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.mint-switch-core:before {
    width: 38px;
    height: 20px;
    background-color: #fdfdfd;
}
.mint-switch-input:checked+.mint-switch-core:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.mint-switch-core:after, .mint-switch-core:before {
    content: " ";
    top: 0;
    left: 0;
    position: absolute;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    border-radius: 15px;
}
.mint-switch-input:checked+.mint-switch-core:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.mint-switch-core:after {
    width: 19px;
    height: 19px;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.mint-switch-core:after, .mint-switch-core:before {
    content: " ";
    top: -1px;
    left: 0;
    position: absolute;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    border-radius: 15px;
}
.mint-switch-label:empty {
    margin-left: 0;
}
.mint-switch-label {
    margin-left: 10px;
    display: inline-block;
}
/*slider*/
.m-slide{}
.m-slide .swiper-slide img{display:block;}

/*cell*/
.m-cell{margin-top:-1px;padding: 1.438rem .72rem;color:#757575;display:-webkit-box;background-color:#FFF;border-bottom:1px solid #d7d7d7;-webkit-box-align:center;}
.m-cell .m-cell-text{-webkit-box-flex:1;}
.m-cell .m-cell-text h3{font-weight:normal;color:#757575;}
.m-cell img{width:1.955rem;padding:0 1.265rem;display: block;}
.m-cell  .m-cell-title,.m-cell  .m-cell-info{font-size:.7574rem;}
.m-cell.start{border-top:1px solid #D7D7D7;}
.m-cell .right{text-align:right;}
.m-cell .right img{width:.58rem;display:inline-block;padding:0;vertical-align:middle;}
/*radio*/
.m-radio {
    margin: 0;
}

.m-radio input {
    position: relative;
    border: 1px solid #666;
    width: 20px;
    height: 20px;
    background: #369;
    margin: 0;
    vertical-align: middle;
}

.m-radio input:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: #FFF;
    border-radius: 20px;
    border: 1px solid #c8c8c8;
}

.m-radio input:after {
    content: '';
    display: block;
    transition: width, height .2s;
    width: 20px;
    height: 20px;
    background: #FFF;
    border-radius: 10px;
    position: absolute;
    top: 1px;
    left: 1px;
}

.m-radio input:checked:after {
    content: '';
    display: block;
    background: #FFF;
    transition: width, height .2s;
    border-radius: 20px;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 6px;
    left: 6px;
}

.m-radio input:checked:before {
    content: '';
    display: block;
    transition: all .3s;
    border-radius: 20px;
    border-color: #12a1e2;
}
.m-radio.m-radio-blue input:checked:before{background: #12a1e2;}
.m-radio.m-radio-green input:checked:before{background:#48ad7c;}
/*checkbox*/
.m-checkbox {
    position: relative;
    margin: 0;
}

.m-checkbox label {
    border: 1px solid #c8c8c8;
    transition: background-size .1s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 20px;
    border-radius: 20px;
    height: 20px;
    background: url("./images/icon_gou.png") center center no-repeat;
    background-size: 0px;
}

.m-checkbox input {
    margin: 0;
    width: 22px;
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    height: 22px;
    -webkit-appearance: none;
    outline: none;
}

.m-checkbox input:checked + label {
    background-color: #12a1e2;
    background-size: 14px;
    transition: background-size .1s;
}
/*
*  .f-xxx
*  功能
*/
.f-fixedtop{position:fixed;top:0;left:0;width:100%;}
.f-fixedbottom{position: relative;bottom:0;left:0;width:100%;}
.f-txt-green{color:#48ad7c;}
.f-txt-gray{color:#757575;}
.f-txt-red{color:#ff5050;}
.f-txt-of{overflow:hidden;white-space: nowrap;text-overflow:ellipsis;}
.f-bn{border:0px solid transparent!important;}
.f-tac{text-align:center;}
.f-box{display:-webkit-box;}
.f-bc{-webkit-box-align:center;-webkit-box-pack:center;}
.f-bov{-webkit-box-orient:vertical;}
/*
*  .u-xxx
*  原件
*/
.u-btn{letter-spacing:1px;text-align:center;font-size:.8625rem;border-radius:4px;display:inline-block;}
.u-btn-green{background-color:#48ad7c;color:#FFF;}
.u-btn-blue{background-color:#12a1e2;color:#FFF;}
.u-btn.u-btn-fill{width:95%;line-height:2.875rem;}

.u-img-btn{display:-webkit-box;font-size:.70rem;padding:.545rem;-webkit-box-align:center;-webkit-box-pack:center;line-height:0;}
.u-img-btn.u-btn img{display:block;width:.72rem;margin-right:.345rem;}
.u-img-btn.u-btn.u-btn-fill{padding:0;font-size:1.093rem;}
.u-img-btn.u-btn.u-btn-fill img{width:1.093rem;}
.u-img-btn.u-btn-img-sm{}
.u-img-btn .value{display:block;}

/*
*  .z-xxx
*  状态
*/
nav.tabbar div.z-sel{color:#49AD7B;}
.z-sel{}
.z-crt{}
.z-show{}
.z-hide{}
.z-open{}
.z-close{}
.z-err{}
.z-dis{}
.z-suc{}
.z-warn{}
.z-fixedtop{box-sizing:border-box;border-bottom:1px solid #d7d7d7;position:fixed;width:100%;left:0;top:0;}
.z-fixedbtom{box-sizing:border-box;border-top:1px solid #d7d7d7;position:fixed;width:100%;left:0;bottom:0;}